import { useRoutes, Navigate } from "react-router-dom"
import Login from "../components/Login"
import Main from "../components/Main"
import NotFound from "../components/404"
import Home from '../components/Main/Home'
import About from '../components/Main/About'

const routes = [
  {
    path: "/login",
    element: < Login />
  },
  {
    path: "/main",
    element: < Main />,
    children: [
      {
        path: "/main/home",
        element: <Home />
      },
      {
        path: "/main/about",
        element: <About />
      },
    ]
  },
  {
    path: "/",
    element: <Navigate to="/login" />
  },
  {
    path: "*",
    element: <NotFound />
  },
]

export default routes

export const GetRoutes = () => {
  return useRoutes(routes)
}

export const useMyRoutes = () => {
  return useRoutes(routes)
}
